<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="../main.css"/>
		<link rel="stylesheet" type="text/css" href="register.css">

	</head>
	<body>
		<div id="container"/>
		  <div id="top_nav">
				<ul id="nav">
					<li id="nav-home"><a href="#">rowers</a></li>
					<li id="nav-about"><a href="#">events</a></li>
					<li id="nav-archive"><a href="#">we row</a></li>
					<li id="nav-lab"><a href="#">Home</a></li>
					<li id="nav-lab"><a href="#">Home</a></li>
				</ul>
			</div>
			<div id="header">
			
			</div>
			<div id="main_area">
				<div id="content">
					 <form id="register-form" enctype="multipart/form-data" method="post">
					   <fieldset>
					     <div id="step1">
                  <div id="legend">1.</div>
                  <h3>Enter your login details</h3>
                  <div id="info"> 
                      You will use email for your login
                  </div>
                  <div class="field">
                      <label for="email">Email: </label>
                      <input id="email" type="text" class="no-border"/> 
                      <div class="error">*error will be here</div>
                  </div>
                  <div class="field">
                      <label for="email2">Retype email: </label>
                      <input id="email2" type="text" class="no-border"/>
                      <div class="error">*error will be here</div>
                  </div>
                  <div class="field">
                      <label for="password">Password: </label>
                      <input id="password" type="password" class="no-border"/>
                      <div class="error">*error will be here</div>
                  </div>
                  <div class="field">
                      <label for="password2">password: </label>
                      <input id="password2" type="password" class="no-border"/>
                      <div class="error">*error will be here</div>
                  </div>
               </div>
					     <div id="step2">
                 <div id="legend">2.</div>
                 <h3>Enter your organization details</h3>
                    <div id="info"> 
                        So who are you?
                    </div>
                    <div class="field">
                        <label for="title"> Title (name):</label>
                        <input id="title" type="text" class="no-border" name="organization.title"/> 
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="type">Organization type: </label>
                        <select id="type"  name="organization.type">
                            <option>rowing club</option>
                            <option>colleage</option>
                            <option>something else</option>
                        </select>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="taxid">TAX id:</label>
                        <input id="taxid" type="text" class="no-border" name="organization.taxid"/>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="phone">Phone:</label>
                        <input id="phone" type="text" class="no-border"/>
                        <div class="error">*error will be here</div>
                    </div>
               </div>
					     <div id="step3">
                 <div id="legend">3.</div>
                 <h3>Enter your address details</h3>
                    <div id="info"> 
                        Where are you located?
                    </div>
                    <div class="field">
                        <label for="address">Address line 1: </label>
                        <input id="address" type="text" class="no-border" name="address.street"/> 
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="address2">Address line 2: </label>
                        <input id="address2" type="text" class="no-border" name="address.street2"/>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="zip">Postal code: </label>
                        <input id="zip" type="text" class="no-border" name="address.postalCode"/>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="city">City: </label>
                        <input id="city" type="text" class="no-border" name="address.city"/>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="state">State: </label>
                        <input id="state" type="text" class="no-border" name="address.state"/>
                        <div class="error">*error will be here</div>
                    </div>
                    <div class="field">
                        <label for="country">Country: </label>
                        <select id="country">
                          <option>Slovenia</option>
                          <option>Germany</option>
                        </select>
                        <div class="error">*error will be here</div>
                    </div>
               </div>
               <div id="step4">
                 <div id="legend">4.</div>
                 <h3>Logo</h3>
                    <div id="info"> 
                        You're almost done
                    </div>
                    <div class="field">
                        <label for="logo">Your logo: </label>
                        <input id="logo" type="file" class="no-border"/> 
                    </div>
                    <div id="info">Answer this simple question</div>
                    <div>
                        <label for="captcha">1 + 10 = </label> 
                        <input class="captcha" name="captcha"/>
                        <div id="response"> 
                          <img src="icons/red_cross.png" alt="check"/>
                        </div>
                    </div>
                    <div id="info">Finally, choose your destiny</div>
                    
                        <input type="submit" value="Register"/>
                        <input type="submit" value="Clear fields"/>
                    
               </div>
               </fieldset>
					    
					 </form>
				</div>
				
			</div>
			
			<div id="footer">
				Copyrighted to &copy; Simon Polak
			</div>
		</div>
	</body>
</html>